    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
       <script src="/Public/js/zepto.min.js"></script>
       <script src="/Public/js/jquery.min.js"></script>
       <script src="/Public/js/bootstrap.min.js"></script>  

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">
        <style type="text/css">
            body{
                background-color: #f4f4f4;
            }
            .star{
                float: left;
                margin: 5px 0 0 10px;
            }
            .glyphicon{
                font-size: 20px;
                color: yellow;
            }
            .content{
                text-align: center;
                padding-bottom: 1px !important;
                overflow-x:hidden !important;
                overflow-y:auto !important;
            }
            .content .name{
               background-color: white;
               padding-top: 1px;
               height: 135px;
            }
            .resume-name{
                width: 70px;
                height: 70px;
                border-radius: 50%;
                border:1px solid #34D098;
                margin: 10px auto;
                margin-bottom: 5px;
                color:#A9AEB2;
                font-size: 13px;
            }
            .name-text{
                margin-top: 15px;
            }
            .name-text div{
                font-size: 14px;
                color:#34D098;
            }
             .job-name{
                position: absolute;
                border: 1px solid #34D098;
                border-radius: 10px;
                padding: 1px 10px;
                font-size: 12px;
                color: #A9AEB2;
                left: 50%;
                 -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
            }
            .small{
                color: #A9AEB2;
                margin: 30px 0 10px 0;
            }
            .resume-title{
                font-size: 12px;
                text-align: left;
/*                line-height: 40px;*/
                color: #34D098;
                margin: 2px 0 2px 20px;
            }
            .resume-text{
                width: 86%;
                text-align: left;
                margin: 5px auto;
                font-size: 13px;
            }
            .resume-text-job{
                color: #A9AEB2;
            }
            .resume-text-job div{
                
                display: inline-block;
            }
            .resume-text-content{
                width: 100%;
                height: 70px;
                background-color: white;
                padding: 10px 0;
            }
            .resume-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                /*border-radius: 5px;*/
            }
            .resume-post{
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: black;
                color: white;
                line-height: 40px;
                border-radius: 5px;

            }
            .userPic{
                float: left;
                margin: 0 0 0 10px;
            }
            .picUrl{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
            }
            /*.userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }
            .small{
                font-size: 15px;
            }*/

            .resume-year{
                float: left;
                width: 30%;
                text-align: center;
                margin: 10px 0 10px 0;
            }
            .resume-year div{
                width: 80%;
                border: 1px solid gray;
                background-color: white;
                margin: 0 auto;
            }
            .resume-express-text{
                width: 70%;
                float: left;
                border-bottom: 1px solid black;
                margin-top: 5px;
            }
            .resume-content{
                width: 100%;
                height: 90px;
            }
            /*.userPic{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
                margin: 10px 0 0 10px;
                font-weight: bolder;
            }*/
            /*.userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }*/
            .userName{
                position: absolute;
                margin: 35px 70px;
                color: #505960;
                font-size: 13px;
            }
            .userName span{
                color:#34d098;
            }

            .star{
                float: left;
                margin-left: 10px;
                color: #505960;
            }
            .star div{
                float: right;
                margin: 2px 0 0 3px;
                font-size: 16px;
            }
            .star img{
                width: 16px;
                height: 15px;
            }
            .recommendAgain-btn{
                width: 90%;
                height: 40px;
                margin: 40px auto;
                background-color: #34d098;
                color: white;
                line-height: 40px;
                border-radius: 2px;
                padding: 0 !important;
                border:0px;
                font-size: 18px;
            }
            /*.reffer{
                margin-top: 15px;
            }*/
            /*.line{
                position: absolute;
                left: 50%;
                padding-top: 17.5px;
                width: 80%;
                border-bottom: 1px solid black;
                margin: 0 auto;
                z-index: -1;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
            }*/
            .reffer-way{    
                font-size: 10px;
                margin: 7px 10px;
                background-color: white;
                border-radius: 10px;
                border:1px solid #34d098;
                padding: 1px 7px;
                float: right;
            }
            .ui-dialog-cnt{
                width: 100%;
                margin: 50% auto;
            }
            .ui-dialog-text{
                width: 90%;
                margin: 0 auto;
                font-size: 10px;
                color: gray;
            }
            #change-result .ui-dialog-bd{
                padding-bottom: 0px;
            }
            .ui-dialog-result{
                display: block;
                width: 90%;
                min-height: 80px;
                margin: 0 auto;
                border: 1px solid gray;
            }
            .changed{
                height: 140px;
                border-radius: 2px;
                color: #A4A6A8;
                text-align: center;
            }
            .empty{
                padding-bottom: 50px;
            }
            .resume-nopass{
                width: 120px;
                height: 40px;
                float: left;
                margin: 50px 0 80px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .resume-pass{
                width: 120px;
                height: 40px;
                float: right;
                margin: 50px 20px 80px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
            }
            .ui-avatar-s{
                width: 50px;
                height: 30px;
                margin: 0;
                background-color: gray;
                padding:0;
                 -webkit-border-radius: 0; 
            }
            .ui-btn-group button{
                color: #34d098;
            }
            .ui-dialog-bd h4{
                color: #34d098;
                margin: 3px;
            }
            .ui-dialog-bd img{
                width: 31px;
                height: 20px;
            }
            .ui-dialog-bd div{
                font-size: 15px;
                color: #626669;
                text-align: center;
            }
            .changed div{
                font-size: 12px;
                color: #A4A6A8;
            }
            .ui-border-t img{
                width: 50%;
                height: 50%;
            }
            .ui-list{
                text-align: left;
            }
            .phone{
                margin-left: 7px;
            }
            #complete-userInfo
            {
                    margin-top: 40%;
            }
            .dialog-title{
                text-align: center;
                font-size: 20px;
                padding: 10px 0;
                background-color: #11beb8;
                width: 100%;
                color: white;
            }
            .dialog-content{
               padding: 50px 10px 30px 10px;
               font-size: 15px; 
            }
            .dialog-btn{
                    width: 70%;
                    height: 40px;
                    margin: 20px auto;
                    border-radius: 2px;
                    background-color: #34D098;
                    border-color: #34D098;
                    color: white;
                    line-height: 40px;
                    text-align: center;
            }
            .set-close{
                z-index: 99;
                position: absolute;
                top: -8px;
                right: -8px;
                height: 28px;
                width: 28px;
                padding: 0;
                color: #11beb8;
                font-size: 12px;
                text-align: center;
                background-color: #fff;
                opacity: 1;
                border: 1px solid #11beb8;
                border-radius: 999px;
            }
            .set-close img{
                margin-top: 6px;
                width: 14px;
                height: 14px;
            }
            .hidden-btn{
                background: #A4A6A8 !important;
                border-color:#A4A6A8 !important;
            }
        </style>
    </head>
    <body>
        <div class="content">
            <div class="name">
                <div class="resume-name">
                    <div class="name-text">
                        候选人
                        <div>{$resume['candidate']}</div>
                    </div>
                </div>
                <div class="job-name">{$job['jobName']}</div>
                <div class="small">{$job['Company']}</div>
            </div>

            <div class="resume">
                <div class="resume-title">
                    推荐语
                </div>
                <div class="resume-text-content">
                    <div class="resume-text">{$resume['recommendWord']}</div>
                </div>
            </div>

            <div class="resume">
                <div class="resume-title">
                    工作年限
                </div>
                <div class="resume-text-content">
                    <div class="resume-text">{$resume['jobYear']}</div>
                </div>
            </div>

            <div class="resume">
                <div class="resume-title">
                    工作经历
                </div>
                <div class="resume-text-content">
                    <div class="exprience-list">
                    <!-- <div class="resume-text">
                        {$resume['jobExprience']}
                        <div>脑门科技有限公司</div>
                        <div class="resume-text-job">
                            <div>html5前端工程师</div>
                            |
                            <div>2014-2015</div>
                        </div>
                    </div> -->
                    </div>
                </div>
            </div>

            <div class="resume">
                <div class="resume-title">
                    教育背景
                </div>
                <div class="resume-text-content">
                    <div class="eduBg-list">
                        <!-- <div class="resume-text">
                            {$resume['eduBg']}
                            <div>四川大学</div>
                            <div class="resume-text-job">
                                <div>html5前端工程师</div>
                                |
                                <div>学士</div>
                                |
                                <div>2014-2015</div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>

            <!-- <div class="resume">
                <div class="resume-title">
                    工作经历
                </div>
                <div class="resume-text-content">
                    <div class="resume-content">
                        <div class="resume-exprience">
                            <div class="resume-year">
                                <div>2009</div>
                                <div>2014</div>
                            </div>
                            <div class="resume-express-text">
                                踏实进取，5年的iOS开发经验
                                <br/>                
                                高级iOS工程师
                                <br/>                
                                成都脑门科技有限公司
                                <br/>                
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->

             <!-- <div class="resume">
                <div class="resume-title">
                    教育背景
                </div>
                <div class="resume-text-content">
                    <div class="resume-content">
                        <div class="resume-exprience">
                            <div class="resume-year">
                                <div>2005</div>
                                <div>2009</div>
                            </div>
                            <div class="resume-express-text">
                                计算机科学
                                <br/>                
                                四川大学
                                <br/>                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
 -->

            <div class="resume">
                <div class="resume-title">
                    推荐人信息
                </div>
                <div class="resume-text-content">
                    <div>
                        <a href="http://w2.9026.com/addon/JianCai/JianCai/userMessage/uid/{$user[id]}">
                            <div class="userPic">
                                <img class="picUrl" src="{$user['headimgurl']}"></div>
                        </a>

                        <div class="star">
                            <img src="/Public/img/评价页面的评分（填满）.svg">                
                            <img src="/Public/img/评价页面的评分（填满）.svg">                
                            <img src="/Public/img/评价页面的评分（填满）.svg">                
                            <img src="/Public/img/评价页面的评分（填满）.svg">                
                            <img src="/Public/img/评价页面的评分.svg">                
                            <div>4.8</div>
                        </div>
                        <div class="userName" name="referrer">
                            推荐人:&nbsp;
                            <span>{$user['name']}</span>
                        </div>
                        <div class="reffer-hidden">
                            <div class="reffer-way">查看其联系方式</div>
                        </div>
                    </div>

                    </div>

                    <div class="use">
                        <div class="reffer">
                            <div class="reffer-show" style="display:none">

                               <!--  <ul class="ui-list ui-border-tb">
                                    <li>
                                        <div class="ui-avatar-s"></div>
                                        <div class="ui-list-info ui-border-t">
                                            <p>13298765431</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="ui-avatar-s"></div>
                                        <div class="ui-list-info ui-border-t">
                                            <p>harrysong@foreheadtech.com</p>
                                        </div>
                                    </li>
                                </ul> -->
                                <ul class="ui-list ui-list-text ui-border-tb">
                                    <li class="ui-border-t ui-list-item-link">
                                        <img src="/Public/img/推荐人的联系方式.svg">
                                        <p class="phone">{$user['phoneNum']}</p>
                                    </li>
                                    <li class="ui-border-t ui-list-item-link">
                                        <img src="/Public/img/邮箱.svg">
                                        <p>{$user['email']}</p>
                                    </li>
                                </ul>
                            </div>

                    </div>

<if condition="$resume['pass'] eq 0">
                    <button type="button" id="resume-nopass" class="btn btn-primary resume-nopass" autocomplete="off">不合适</button>

                    <button type="button" id="resume-pass"class="btn btn-primary resume-pass" autocomplete="off">安排面试</button>
</if>  
<if condition="$resume['pass'] eq -1">
                    <button type="button" class="hidden-btn btn btn-primary resume-nopass">已拒绝</button>
</if> 
<if condition="$resume['pass'] gt 1">
                     <button type="button" class="hidden-btn btn btn-primary resume-nopass">已安排面试</button>
                     <button type="button" id="resume-pass"class="btn btn-primary resume-pass" autocomplete="off">再次安排面试</button>
</if>          
                </div>

               
            </div>
        </div>
        <div class="empty">
            
        </div>

         <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn" data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>

        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <a href="/addon/JianCai/JianCai/userInfo.html">
                            <div class="dialog-btn">去完善＝＝》</div>
                        </a>
                    </div>
                </div>
                <div class="set-close">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>

        </div>

        <div class="ui-dialog" id="change-dialog">
                <div class="ui-dialog-cnt demo1" >
                    <div class="ui-dialog-bd">
                        <h4>提示</h4>
                        <div>
                            与对方交换信息后，
                            <div>就可以参看对方的联系方式。</div>
                        </div>
                    </div>
                    <div class="ui-dialog-ft ui-btn-group">
                        <button type="button" class="change-cacel">取消</button>
                        <button type="button" class="change-sure">确定</button>
                    </div>
                </div>

                <div class="ui-dialog-cnt demo2" style="display:none">
                    <div class="ui-dialog-bd changed">
                        <img src="/Public/img/已发送.svg">
                        <h4>已发送</h4>
                        <div>你可以在页面下方<div>查看联系人的联系方式了</div></div>
                    </div>
                </div>
            </div>

        <div class="ui-dialog" id="return-dialog">
            <div class="ui-dialog-cnt demo1">
                <div class="ui-dialog-bd">
                    <h4>提示</h4>
                    <div>你确定要退回（{$user['name']}）<br/>推荐的关于（{$job['jobName']}）的简历吗？</div>
                </div>
                <div class="ui-dialog-ft ui-btn-group">
                    <button type="button" class="return-cacel">再看看</button>
                    <button type="button" class="return-sure">确定</button>
                </div>
            </div>
             <div class="ui-dialog-cnt demo2" style="display:none">
                    <div class="ui-dialog-bd changed">
                        <img src="/Public/img/已退回.svg">
                        <h4>已退回！</h4>
                    </div>
                </div>
        </div>

       <!--  <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <div class="dialog-btn">
                            去完善＝＝》
                        </div>
                    </div>
                </div>
                <div class="set-close">
                    <img src="http://static1.morecruit.cn/img/close_alert_btn.png">
                </div>
            </div>
            
        </div> -->

    </body>
    <script type="text/javascript">
$(function() {
    var notpassbtnDown = false;

    $(".recommendAgain-btn").on("click",function(){
        window.location.href = "recommend.html"
    })
    console.log(history.length);
    // if(history.length <= 2){
    //     $(".recommendAgain-btn").hide();
    //     $(".use").show();
    //     $(".reffer-hidden").show();
    // }
    $(".reffer-way").on("click",function(){
        $("#change-dialog").show();
    })
    $(".change-sure").on("click",function(){

        $("#change-dialog .demo1").hide();
        $("#change-dialog .demo2").show();
        var el1 = setInterval(function(){
            $(".reffer-hidden").hide();
            $(".reffer-show").show();

            $("#change-dialog .demo1").show();
            $("#change-dialog .demo2").hide();
            $(".ui-dialog").hide();
            clearTimeout(el1);     
        }, 500);
    })

    $(".return-cacel,.change-cacel").on("click",function(){
        $(".ui-dialog").hide();
    })
     $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
    $("#resume-nopass").on("click",function(){
        if(!notpassbtnDown)
        {
            $("#return-dialog").show();
        }
    })
     $(".return-sure").on("click",function(){

        $("#return-dialog .demo1").hide();
        $("#return-dialog .demo2").show();

        $("#resume-nopass").addClass("hidden-btn");
        notpassbtnDown = true;

        $.ajax({
                          type: 'GET',
                          url: "http://w2.9026.com/addon/JianCai/JianCai/resumeNopass/resumeId/{$job['id']}",
                          data: "",
                          dataType: 'json',
                          success: function(result) {
                            console.log("已拒绝");
                            $("#cacel").text("已拒绝");
                            $("#cacel").addClass("hidden-btn");
                            cacelbtnDown = true;
                          },
                          error: function() {
                           
                          }  
                    })

        var el2 = setInterval(function(){
            window.location.href = "/addon/JianCai/JianCai/resumeNopass/resumeId/{$resume['id']}";
            clearTimeout(el2);     
        }, 1000);
    })
     $(".resume-pass").on("click",function(){
        window.location.href = "/addon/JianCai/JianCai/dealInterview/resumeId/{$resume['id']}";
    })
    // $(".userPic").on("click",function(){
    //         $("#complete-userInfo").modal('show');
    // })
    $(".set-close").on("click",function(){
         $("#complete-userInfo").modal('hide');
    })
    // $(".userPic").on("click",function(){

    //         var phoneNum = "{$user['phoneNum']}";
    //         // var phoneNum = "";
    //         if(phoneNum=='')
    //         {
    //            $("#complete-userInfo").modal('show'); 
    //         }else{
    //             window.location.href = "#";
    //         }
    //     })

    $(".set-close").on("click",function(){
             $("#complete-userInfo").modal('hide');
        })

    var jobExprience = '{$resume['jobExprience']}';
     jobExprience = JSON.parse(jobExprience);
     for(var i = 0; i < jobExprience.length;i++)
     {
        var companyName = jobExprience[i].companyName;
        var jobName = jobExprience[i].jobName;
        var starTime = jobExprience[i].starTime;
        var endTime = jobExprience[i].endTime;
        var test = '<div class="resume-text"><div>'+companyName+'</div><div class="resume-text-job"><div>'+jobName+'</div>|<div>'+starTime+'-'+endTime+'</div></div></div>';
        $(".exprience-list").append(test);
     }

    var eduBackGround = '{$resume['eduBg']}';
     eduBackGround = JSON.parse(eduBackGround);
     for(var i = 0; i < eduBackGround.length;i++)
     {
        var school = eduBackGround[i].school;
        var major = eduBackGround[i].major;
        var eduDy = eduBackGround[i].eduDy;
        var starTimeBg = eduBackGround[i].starTimeBg;
        var endTimeBg = eduBackGround[i].endTimeBg;

        var test = '<div class="resume-text"><div>'+school+'</div><div class="resume-text-job"><div>'+major+'</div>|<div>'+eduDy+'</div>|<div>'+starTimeBg+'-'+endTimeBg+'</div></div></div>';
        $(".eduBg-list").append(test);
     }

    });
    </script>
    </html>